Jak się pozbyć bocznego paska na wybranych stronach witryny? [WordPress]

Tworząc stronę na bazie WordPressa, już od początku jesteśmy skazani na ten blogowy wygląd – w pasku bocznym będziemy mieli listę archiwów, linki, tego typu rzeczy, które niekoniecznie wyglądają najlepiej na np. stronie przedsiębiorstwa. Można postarać się oczywiście zrobić skórkę, która w ogóle nie będzie miała paska bocznego, ale na wielu stronach z normalnymi wpisami ten pasek nie jest taki zły. Na szczęście jest dość proste rozwiązanie tego problemu.

Normalnie, gdy WordPress ma wyświetlić zamiast uporządkowanych chronologicznie wpisów blogowych stronę, przegląda zawartość głównego katalogu w poszukiwaniu plików takich jak:

nazwastrony.php – szablon wybranej strony,
page.php – ogólny szablon stron,
index.php – szablon strony głównej.

Jeśli nie zostanie znaleziony odpowiedni szablon, Wordpress kolejno wczytuje następne pliki w podanej kolejności. W praktyce oznacza to, że wszelkie zmiany, które wprowadzimy do page.php, będą dotyczyły wszystkich stron.

W jaki sposób wywoływany jest pasek boczny? To już zależy od skórki, ale najczęściej stosowaną metodą, wprowadzoną przez słynną skórkę Kubrick jest get_sidebar().

Kopiujemy teraz plik page.php, nadając plikowi wynikowemu nową nazwę (np. intro.php), a następnie otwieramy go w edytorze tekstu.

Na początku kodu umieszczamy następującą definicję:

<?php /* Template Name: Intro */ ?>

i wyszukujemy wywołanie

<?php get_sidebar(); ?>

które usuwamy z nowego szablonu. Zmieniony w ten sposób plik wgrywamy do katalogu WordPressa.

Teraz tworząc nową stronę, wystarczy w Kokpicie zaznaczyć jako szablon strony Intro – będzie ona pozbawiona bocznego paska.

Pozostaje nam jeszcze dopasować odpowiednio arkusz stylów – po usuniętym pasku bocznym najczęściej pozostanie ślad jego nieobecności. Należy więc poszerzyć zawartość kontenera, który zawiera treść. W pliku style.css definiujemy klasę dla powiększonego kontenera, w której ustawiamy atrybut width tak, aby odpowiadał pożądanej szerokości. Teraz wystarczy w pliku szablonu wywołać kontener div z odpowiednim selektorem.

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

skomentuj »